<template>
    <div>
        <!-- <div> -->
            <HellWorld/>
            <div style="width:10%;height:180px ;float:left ">
                 <zxc/> 
            </div>
           
            <div style="background:blue;width:80%;height:280px;float:right ">
                <!-- sdfghjkl -->
                <el-tree :data ="list"  :props="defaultProps" @node-click="handleNodeClick" />
                <!-- {{list[0]['name']}} -->
                <!-- <button @click="login">仔细擦</button>  -->
            </div>
            
         <!-- </div> -->
        <!-- {{list}} -->
       
        
       
    </div>   
</template>

<script>
import axios from '../http/axios'
// import {onMounted, reactive,ref} from 'vue' 
import HellWorld from './HelloWorld.vue'
import zxc from './zxc.vue'
export default {
    components: {
       HellWorld,
       zxc
    }, 
        
  
     data() {
    return {
      list: [
        {
          name: this.list,
          son: [
            {
              name:this.list,
              son: [
                {
                  name: this.list,
                },
              ],
            },
          ],
        },
        
        
      ],
      defaultProps: {
        children: 'son',
        label: 'name',
      },
    }
  },  
  mounted(){
      this.sele()
  },
  methods: {
    handleNodeClick(list) {
      console.log(list)
      // this.login()
    },
  
    sele(){
      axios('/cateM','get').then(res=>{
        console.log(res)
          this.list = res.list
      })
    }
  },
}
</script>

<style>

</style>